<script type="text/javascript" src="__PUBLIC__/js/jquery/lin_blockFixed.js"></script>
                        	<div class="jqueryTitle mt5" id="main">
                            	<span>实现原理</span>
                            </div>
                            <div class="p15">
                            	高于ie6的浏览器用fixed定位，ie6通过计算top来定位
                            </div>
                            
                        	<div class="jqueryTitle mt5">
                            	<span>相关参数</span>
                            </div>
                            <div class="p15">
                            	<table cellpadding="0" cellspacing="0" class="jqueryAttr">
                                	<thead>
                                    	<tr>
                                        	<th>参数名</th>
                                            <th>参数说明</th>
                                        </tr>
                                    </thead>
                                    <tbody>
		<tr>
        	<td>positionX</td>
            <td>x轴方向,默认left</td>
        </tr>
		<tr>
        	<td>positionY</td>
            <td>y轴方向,默认top</td>
        </tr>        
        <tr>
        	<td>reference</td>
            <td>相对参照物,默认''(填写参照物的样式或者ID,例如：.reference,#reference)</td>
        </tr>
		<tr>
        	<td>isAnimate</td>
            <td>ie6环境下是否开启动画,默认false</td>
        </tr>
		<tr>
        	<td>speed</td>
            <td>动画速度,默认720</td>
        </tr>
		<tr>
        	<td>tempX</td>
            <td>临时X调整值,默认0</td>
        </tr>
		<tr>
        	<td>tempY</td>
            <td>临时Y调整值,默认0</td>
        </tr>                                                                
        </tbody>
                                </table>
                            </div> 
                            <div class="jqueryTitle mt5">
                            	<span>演示效果</span>
                            </div>
                            <div class="p15">
                            	<p class="pt15">前期准备：头部加入jquery-1.7.2.min.js;lin_blockFixed.js文件</p>
                            	<div class="pt15"><strong>效果</strong></div>
                                <p>js</p>
                                <pre>$('#leftTop').lin_blockFixed({'positionX':'left','positionY':'top','reference':'#main'});
$('#rightTop').lin_blockFixed({'positionX':'right','positionY':'top','reference':'#main'});
$('#leftBottom').lin_blockFixed({'positionX':'left','positionY':'bottom'});
$('#rightBottom').lin_blockFixed({'positionX':'right','positionY':'bottom'});</pre>
             <div class="blank10"></div>
    		<div class="lin_box" id="leftTop"></div>
    		<div class="lin_box" id="rightTop"></div>
    		<div class="lin_box" id="leftBottom"></div>
   			<div class="lin_box" id="rightBottom"></div>
	                            	                             
                                
                            </div>  

                            <div class="clearfix pt40 pb40">
                            	<a href="http://url.cn/QKzmn0" title="《{$data.title}》源代码下载" class="jqueryDown" rel="nofollow" target="_blank">《{$data.title}》源代码下载</a>
                            </div>   
                        
 
 <script type="text/javascript">
 $(function(){
		$('#leftTop').lin_blockFixed({'positionX':'left','positionY':'top','reference':'#main'});
		$('#rightTop').lin_blockFixed({'positionX':'right','positionY':'top','reference':'#main'});
		$('#leftBottom').lin_blockFixed({'positionX':'left','positionY':'bottom'});
		$('#rightBottom').lin_blockFixed({'positionX':'right','positionY':'bottom'});
	});
 </script>   
